<div style="padding:0">
    <div id="tb<?php echo $uniqid;?>">
        <table cellspacing="0" cellpadding="0">
            <tbody>
            <tr>
                <td><a href="javascript:void(0);" onclick="selectrichtextReload();"
                       class="l-btn l-btn-small l-btn-plain"><span
                        class="l-btn-left l-btn-icon-left"><i class="iconfont icon-shuaxin"></i><span
                        class="l-btn-text">重载</span></span></a></td>
                <td><span style="line-height:30px;"></span>
                    <input id="selectrichtextkeywords" style="width:120px" placeholder="按ID、商品名搜索" type="text"
                           class="easyui-input textbox"></td>
                <td><a href="javascript:void(0);" onclick="selectrichtextSearch();"
                       class="l-btn l-btn-small l-btn-plain"><span
                        class="l-btn-left l-btn-icon-left"><i class="iconfont icon-sousuo"></i><span class="l-btn-text">查询</span></span></a>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="con"  style="-moz-user-select:none;">
        <table id="selectrichtext"></table>
    </div>
</div>
<script>
    var selectrichtextReload = function () {
        $("#selectrichtext").datagrid('reload');
    };
    var selectrichtextSearch = function (id) {
        var height = 520 - 96;//表格高度
        var width = 840 - 2;
        $("#selectrichtext").datagrid({
            width: width,
            height: height,//高度
            singleSelect: true,//如果为true，则只允许选择一行
            striped: true,//是否显示斑马线效果。
            rownumbers: true,//如果为true，则显示一个行号列。
            pagination: true,//是否显示分页
            pageSize: 10,
            pageList: [10, 20, 30, 50],
            method: 'post',
            sortName: 'id',
            sortOrder: 'desc',
            url: '/admin/decorate/selectrichtext',
            queryParams: {
                keywords: $('#selectrichtextkeywords').val(),
            },
            fitColumns: true,//真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动。
            nowrap: false,//如果为true，则在同一行中显示数据。设置为true可以提高加载性能。 是否换行
            selectOnCheck: false,
            checkOnSelect: false,
            idField: 'id',
            toolbar: '#tb<?php echo $uniqid;?>',
            columns: [[
                {field: 'title', title: '标题', width: fixWidth(30)},
                {field: 'keywords', title: '描述', width: fixWidth(20)},
                {
                    field: 'status', title: '状态', width: fixWidth(20), formatter(value, rowData, rowIndex) {
                        return value === 1 ? '显示' : '隐藏';
                    }
                },
                {field: 'created_at', title: '创建时间', width: fixWidth(20)},
            ]],
        });
    };
    selectrichtextSearch();
    onDatagridResize("#selectrichtext");

    $('#dodecoratesubmit').click(function (data) {
        let cate = $('#selectrichtext').datagrid('getSelected');
        if (cate) {
            decorateVm.selectedRichtext(cate);
            $("#dodecoratedlg").dialog('close');
        } else {
            $.messager.alert('提示', '请选择！', 'warning');
        }
    })
    $('#selectlinksubmit').click(function(){
        let data = $("#selectrichtext").datagrid('getSelected');
        if(data){
            let row = JSON.parse(JSON.stringify(linkSelectVm.rowData));
            row.path_name = row.name + '-' + data.title
            row.path += '?id=' + data.id.toString()
            linkSelectVm.rowData = row;
            $("#selectlinkDlg").dialog('close');
        }else{
            $.messager.alert('提示', '请先选择！', 'warning');
        }
    })
</script>
